<template>
	<view class="btn" :class="type">
		<slot>按钮</slot>
	</view>
</template>

<script setup lang="ts">
	defineProps({
		type: {
			type: String,
			default: 'primary'
		}
	})
</script>

<style scoped lang="scss">
	.btn {
		display: inline-block;
		padding: 10rpx 20rpx;
		font-size: 24rpx;
		color: #fff;
		border-radius: 8rpx;
		box-sizing: border-box;

		&.primary {
			background-color: $primary-color;
		}

	}
</style>